.formWidgetContainer {
  position: relative;
  margin: 20px;
  height: calc(100% - 80px);
  min-height: calc(100% - 80px);
  display: flex;
  flex-direction: column;
  box-shadow: 0px -2px 4px 2px rgb(227 228 228 / 40%);
  border: 1px solid #dcdfe6;
  border-radius: 24px;
  padding: 20px 0;
  &__formInfo {
    border-bottom: 1px solid #0d0d0d;
    padding: 0 20px 10px 40px;
    &-name {
      font-size: 24px;
      font-weight: bold;
    }
    &-description {
      font-size: 16px;
      color: #999;
      margin-top: 5px;
    }
  }
  &__form {
    flex-grow: 1;
    height: 1px;
    display: flex;
    flex-direction: column;
    :deep(.el-form-item){
      margin-bottom: 0;
    }
    .form-widget-list {
      overflow: auto;
      flex-grow: 1;
      height: 1px;
      > div {
        height: 100%;
        list-style: none;
      }
      &::-webkit-scrollbar {
        width: 4px;
        height: 4px;
      }
      &::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
        background: rgba(0, 0, 0, 0.2);
      }
      &::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        -webkit-box-shadow: unset;
        border-radius: 0;
        background: transparent;
      }

    }
  }
  &__tips {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}

.ghost {
  content: "";
  font-size: 0;
  height: 0;
  box-sizing: border-box;
  background: var(--color-primary);
  border: 2px solid var(--color-primary) !important;
  text-decoration: none !important;
  list-style: none;
  outline-width: 0;
  padding: 0;
  overflow: hidden;
}